<template>
  <div>
    <van-swipe-cell class="cell_box">
      <van-checkbox v-model="selected" class="left"></van-checkbox>
      <van-card title="item.goodsName" class="goods-card" thumb="item.goodsCoverImg">
        <template #bottom>
          <div class="bot_box">
            <p style="color:red">￥5</p>
            <van-stepper value="item.goodsCount" disable-input @change="onChange($event, item)" />
            <!-- @change="onChange"   ===   @change="onChange($event)" -->
          </div>
        </template>
      </van-card>
      <template #right>
        <van-button square text="删除" type="danger" @click="del(item)" class="delete-button" />
      </template>

    </van-swipe-cell>
  </div>
</template>

<script>
  import {
    ref
  } from 'vue';
  export default {
    setup() {
      const biaoshi = ref(true)
      const selected = ref(0)
      return {
        biaoshi,
        selected
      }
    }
  }
</script>

<script setup>
</script>
<style lang="less" scoped>
</style>